<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
    </head>
    <body>
        <a href='#md1'>第一章</a>
        <a href='#md2'>第二章</a>
        <a href='#md3'>第三章</a>
        <a href='#md4'>第四章</a>
       
        
        <br />
        <a id='md1'></a>
        <p style='background:red;height:400px;'>第一章</p>
        
        <a id='md2'>第二章</a>
        <p style='background:green;height:400px;'>第二章</p>
        
        <a id='md3'>第三章</a>
        <p style='background:blue;height:400px;'>第三章</p>
        
        <a  name='md4'>第四章</a>
        <p style='background:yellow;height:400px;'>第四章</p>
    </body>
</html>